<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>济心泉</title>
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>

<div class="container-fluid">
    <!-- 导航 start-->
    <div class="nav-con">
        <div class="container">
            <div class="navbar">
                <a class="navbar-brand" href="/">
                    <img src="images/logo.png" alt="">
                </a>
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">公司简介</a>
                    </li>
                    <li>
                        <a href="#">产品</a>
                    </li>
                    <li>
                        <a href="#">优势</a>
                    </li>
                    <li>
                        <a href="#">加盟</a>
                    </li>
                    <li>
                        <a href="#">招聘</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                </ul>
               <div class="pull-right tel">
                   <a href="tel:17300210080">
                       <span class="glyphicon glyphicon-earphone"></span>+86-17300210080
                   </a>
               </div>
            </div>


        </div>
    </div>    <!-- 导航 end-->

    <!--幻灯片 start-->
    <div class="swiper-container" id="banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="images/banner-1.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_2.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_3.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_4.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_5.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_6.png" alt="">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <!--幻灯片 end-->

    <!---->
    <div class="product-box box">
        <h1>济心泉·山茶油</h1>
        <h2>CAMELLIA OIL</h2>
        <p>人养树十年，树济人一生。拳拳赤子心，滴水涌泉恩。</p>

        <div class="container">
            <div class="product-intro-box">
                <ul>
                    <li>
                        <h2>关于山茶油</h2>
                        <h3>ABOUT TEA OIL</h3>
                        <div class="detail">
                            <i class="icon icon-about"></i>
                            <p>
                                茶油色清味香，油酸含量高，易
                                为人体消化吸收，且食用茶油有
                                益人体健康，加之茶油经久耐藏
                                ，不易酸败，故又是好的储备物
                                质。因此，茶油在食用中占有重
                                要地位，在工业、医药、美容等
                                多方面有多种用途。
                            </p>
                        </div>
                    </li>
                    <li>
                        <h2>四大产品系列</h2>
                        <h3>FOUR SERIES PRODUCTS</h3>
                        <div class="detail">
                            <i class="icon icon-series"></i>
                            <p>
                                济心泉，励志做最好的茶油。母
                                婴用油，儿童用油、中老年用油
                                、亚健康用油，济心泉的系列产
                                品线一直在关注重要人群的营养
                                摄取和食品安全。
                            </p>
                        </div>
                    </li>
                    <li>
                        <h2>低油烟</h2>
                        <h3>ABOUT TEA OIL</h3>
                        <div class="detail">
                            <i class="icon icon-low"></i>
                            <p>
                                山茶油烟点在220度上下，有效
                                避免了传统油脂在烹饪过程中的
                                油烟问题，从烹饪源头保护健康。
                            </p>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <div class="bg"></div>
    </div>

    <div class="product-show-box box">
        <h1>济心泉·山茶油</h1>
        <h2>CAMELLIA OIL</h2>
        <p>人养树十年，树济人一生。拳拳赤子心，滴水涌泉恩。</p>

        <div class="swiper-box">
            <div class="swiper-container" id="product-show">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">Slide 1</div>
                    <div class="swiper-slide">Slide 2</div>
                    <div class="swiper-slide">Slide 3</div>
                    <div class="swiper-slide">Slide 4</div>
                    <div class="swiper-slide">Slide 5</div>
                    <div class="swiper-slide">Slide 6</div>
                    <div class="swiper-slide">Slide 7</div>
                    <div class="swiper-slide">Slide 8</div>
                    <div class="swiper-slide">Slide 9</div>
                    <div class="swiper-slide">Slide 10</div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
</div>

<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/swiper.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>